import BaseView from "./baseView.js";


// let that = {}
export default class MainView extends BaseView{
  //修改构造函数
  // constructor(id, adminsId) {
  //   super(id);
  //   //获得传过来的参数的值 并赋值给详情页面的属性this.studentId赋值
  //   this.adminsId = adminsId;
  //   console.log("详细信息页面：adminsId==>>"+adminsId);
  //   // this.mouted()
  //   // that = this;

  // }

  // //挂载数据
  // mouted() {
  //   console.log("11111", this);
  //   //console.log("详细页面需要查询：="+this.adminsId)
  //   //发送ajax
  //   $.ajax({
  //     type: "get",
  //     url: "/admins/xiangqing/" + this.adminsId,
  //     DataType: "json",
  //     success: (data) => {
  //       console.log(data);
  //       if (data.code == 1) {
  //         let res = data.msg;
  //         //渲染页面
  //         // myform.render();

  //         // 获取照片的路径
  //         if(res.photo){
  //         $('#demo1').attr('src', `../../images/${res.photo}`);
  //         }else{
  //            $('#demo1').attr('//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg');
  //         }
  //       } else {
  //         alert(data.msg)
  //       }
  //     }
  //   })
  // }
   
    render(){
        this.$el.html(`
        <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo layui-hide-xs layui-bg-black" style='margin:auto'>猫眼后台管理系统</div>
      <!-- 头部区域（可配合layui 已有的水平导航） -->
      <ul class="layui-nav layui-layout-left">
        <!-- 移动端显示 -->
        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
          <i class="layui-icon layui-icon-spread-left"></i>
        </li>
      </ul>
      <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img" id='demo1'>
            tester
          </a>
          <dl class="layui-nav-child">
            <dd><a href="#/main">个人设置</a></dd>
            <dd><a href="#/login">安全退出</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
          <a href="javascript:;">
            <i class="layui-icon layui-icon-more-vertical"></i>
          </a>
        </li>
      </ul>
    </div>
    
    <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test">


        <li class="layui-nav-item">
            <a href="javascript:;">管理员数据</a>
            <dl class="layui-nav-child">
              <dd><a href="#/main/adminsList">显示所有管理员</a></dd>
              <dd><a href="#/main/adminsadd">添加管理员信息</a></dd>
            </dl>
          </li>


        <!--layui-nav-itemed 进入的时候自动展开--!>
          <li class="layui-nav-item ">
            <a class="" href="javascript:;">用户资源管理</a>
            <dl class="layui-nav-child">
              <dd><a href="#/main/UserInfo">显示用户列表</a></dd>
              <dd><a href="#/main/addUser">添加用户信息</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">电影管理</a>
            <dl class="layui-nav-child">
              <dd><a href="#/main/showmovies">显示所有电影</a></dd>
              <dd><a href="#/main/addmovies">添加电影信息</a></dd>
            </dl>
          </li>

        // 影院集合（cinemas）
          <li class="layui-nav-item">
            <a href="javascript:;">影院管理</a>
            <dl class="layui-nav-child">
              <dd><a href="#/main/showall">显示所有影院</a></dd>
              <dd><a href="#/main/addcinema">添加影院信息</a></dd>
              <dd><a href="#/main/addressquery">查询影院信息</a></dd>
            </dl>
          </li>

          // 放映厅集合（theaters）
          <li class="layui-nav-item">
            <a href="javascript:;">放映厅管理</a>
            <dl class="layui-nav-child">
              <dd><a href="#/main/Showall">显示所有放映厅</a></dd>
              <dd><a href="#/main/addtheaters">添加放映厅信息</a></dd>
              <dd><a href="#/main/Qutheaters">查询放映厅信息</a></dd>
            </dl>
          </li>

          // schedules
          <li class="layui-nav-item">
            <a href="javascript:;">排片管理</a>
            <dl class="layui-nav-child">
              <dd><a href="#/main/schedulesList">显示所有排片</a></dd>
              <dd><a href="#/main/add">添加排片信息</a></dd>
            </dl>
          </li>

          // 选座
          <li class="layui-nav-item">
            <a href="javascript:;">选座管理</a>
            <dl class="layui-nav-child">
              <dd><a href="#/main/seatsList">显示所有选座</a></dd>
              <dd><a href="#/main/addseats">添加选座信息</a></dd>
            </dl>
          </li>

          // 座位
          <li class="layui-nav-item">
            <a href="javascript:;">座位管理</a>
            <dl class="layui-nav-child">
              <dd><a href="#/main/seatingList">显示所有座位</a></dd>
              <dd><a href="#/main/addseating">添加座位信息</a></dd>
            </dl>
          </li>
        </ul>
      </div>
    </div>
             
          <div class="layui-body" id="Content">
              <!-- 内容主体区域 -->
              <div style="padding: 15px;">内容主体区域。记得修改 layui.css 和 js 的路径</div>
          </div>
    
          <div class="layui-footer">
              <!-- 底部固定区域 -->
              底部固定区域
          </div>
  </div>
        `)
  }


  handle() {
    //console.log("111");
    $("#addLayuijs").html(`
      <script>
       layui.use(['element', 'layer', 'util'], function(){
        var element = layui.element
        ,layer = layui.layer
        ,util = layui.util
        ,$ = layui.$;
        //头部事件
        util.event('lay-header-event', {
          //左侧菜单事件
          menuLeft: function(othis){
            layer.msg('展开左侧菜单的操作', {icon: 0});
          }
          ,menuRight: function(){
            layer.open({
              type: 1
              ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
              ,area: ['260px', '100%']
              ,offset: 'rt' //右上角
              ,anim: 5
              ,shadeClose: true
            });
          }
        }); 
         //重新渲染导航  
        element.render('nav'); 
      });
      </script>
       `)
  }

}